.left, #top-nav .top-nav .top-left i, #top-nav .top-nav .top-left, #top-nav .top-nav .top-left a, #top-nav .top-nav .top-left a .top-img {
  float: left;
}

.right, #top-nav .top-nav .top-right, #top-nav .top-nav .top-right i, #top-nav .top-nav .top-right div {
  float: right;
}

body {
  font: 12px/1.5 arial, "\5FAE\8F6F\96C5\9ED1", sans-serif;
  background: #f3f4f6;
}

#top-nav {
  background-color: #2e2e2e;
  color: #9f9f9f;
  height: 30px;
  line-height: 30px;
}

#top-nav i {
  font-style: normal;
  margin: 0 10px;
  color: #303034;
}

#top-nav a {
  color: #9f9f9f;
}

#top-nav .top-nav {
  width: 1190px;
  margin: 0 auto;
}

#top-nav .top-nav .top-left {
  height: 30px;
}

#top-nav .top-nav .top-left a .top-img {
  background: url(../images/indexico.png);
  background-position: -42px -823px;
  margin: 7px 3px 0 0;
  width: 11px;
  height: 16px;
}

#top-nav .top-nav .top-left a:hover {
  text-decoration: underline;
}

#top-nav .top-nav .top-right {
  width: 600px;
}

#top-nav .top-nav .top-right .order a:hover,
#top-nav .top-nav .top-right .personal a:hover {
  text-decoration: underline;
  cursor: pointer;
}

#top-nav .top-nav .top-right .unlogin a:hover,
#top-nav .top-nav .top-right .logined a:hover {
  color: red;
}

#search-nav {
  background: url(../images/cont-index.jpg);
  background-position: 0px -30px;
}

#search-nav .search-nav {
  width: 1190px;
  height: 96px;
  margin: 0 auto;
}

#search-nav .search-nav .logobox {
  margin: 37px 0 0;
  width: 280px;
  height: 52px;
  margin-top: 23px;
}

#search-nav .search-nav .logobox a {
  width: 280px;
  height: 55px;
  display: block;
  background: url(../images/navico.png) no-repeat;
  background-position: -670px -5px;
}

#search-nav .search-nav .logogame {
  margin-top: 10px;
  width: 200px;
  height: 82px;
}

#search-nav .search-nav .logogame a {
  width: 200px;
  height: 82px;
  display: block;
  position: relative;
}

#search-nav .search-nav .logogame a img {
  display: block;
  width: 200px;
  height: 82px;
}

#search-nav .search-nav .logogame a img:hover {
  width: 230px;
  height: 130px;
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: 1;
}

#main-nav {
  background-color: #2e2e2e;
}

#main-nav .main-nav {
  width: 1190px;
  margin: 0 auto;
  height: 76px;
  position: relative;
}

#main-nav .main-nav ul {
  width: 940px;
  height: 76px;
  position: relative;
  overflow: hidden;
}

#main-nav .main-nav ul .nav-item {
  float: left;
  width: 134px;
  height: 76px;
  background: url(../images/navico.png) no-repeat;
  background-position: 152px 76px;
}

#main-nav .main-nav ul .nav-item a {
  width: 134px;
  height: 76px;
  display: block;
  text-align: center;
  line-height: 76px;
  font-size: 18px;
  color: #9f9f9f;
  position: relative;
}

#main-nav .main-nav ul .nav-item a:hover {
  color: #ff5900;
}

#main-nav .main-nav ul .current {
  background-position: -275px -5px;
}

#main-nav .main-nav ul .current a {
  font-weight: bold;
  color: #fef7ec !important;
  text-shadow: 1px 3px 3px #bf4d00;
}

#main-nav .main-nav .nav-cart {
  width: 192px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-size: 18px;
  position: relative;
}

#main-nav .main-nav .nav-cart .btn-cart {
  width: 192px;
  color: #ff5900;
  text-indent: 18px;
}

#main-nav .main-nav .nav-cart .btn-cart i {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 10;
  width: 60px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-size: 18px;
  display: block;
  overflow: hidden;
  text-indent: 0;
}

#main-nav .main-nav .nav-cart .btn-cart s {
  position: absolute;
  top: 26px;
  left: 36px;
  z-index: 10;
  width: 28px;
  height: 24px;
  background: url(../images/navico.png);
  background-position: -237px -5px;
  display: block;
}
